Home Screen Quick Actions
原文:https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/home-screen-actions/
hr.icon
ホーム画面のクイックアクションは、ホーム画面からアプリ固有の便利な操作を行うための便利な機能です。
アプリのアイコンを長押しすると、利用可能なクイックアクションのメニューが表示されます(3D Touchデバイスでは、アイコンを長押しするとメニューが表示されます)。
例えば、「メール」には、受信箱やVIPメールボックスを開いたり、検索を開始したり、新しいメッセージを作成したりするクイックアクションが用意されています。
ホーム画面のクイックアクションメニューには、アプリ固有のアクションのほかに、アプリの削除やホーム画面の編集などの項目があります。
各ホーム画面のクイックアクションには、タイトル、左または右のグリフ(ホーム画面でのアプリの位置に応じて)、およびオプションのサブタイトルが含まれます。
タイトルとサブタイトルは、左から右への言語では常に左揃えで表示されます。
アプリは、新しい情報が得られたときにクイックアクションを動的に更新することもできます。
例えば、メッセージでは、最近の会話を開くためのクイックアクションが用意されています。
https://gyazo.com/1b6798306f868b3dcd9d9c6f252c9443
魅力的で価値の高いタスクのために、クイックアクションを作りましょう。
例えば、「マップ」では、最初にマップアプリを開かなくても、現在地の近くを検索したり、家までの道順を知ることができます。
すべてのアプリは、少なくとも1つの有用なクイックアクションを有効にする必要があり、合計4つのクイックアクションを提供することができます。
ナビゲーションを簡単にするためにクイックアクションを使うのは避けましょう。
アプリ内の重要なエリアに行くのが難しい、または時間がかかる場合は、まず、誰もがうまく使えるようにナビゲーションを修正します。
次に、便利で創造的なタスクを可能にするクイックアクションを提供することに専念します。
クイックアクションに予測不可能な変更を加えることは避けてください。
ダイナミックなクイックアクションは、アクションを常に適切に保つための優れた方法です。
たとえば、現在の場所やアプリ内での最近の行動、時間帯、設定の変更などに応じてクイックアクションを更新することは理にかなっています。
ただし、アクションが予想外に変化したり、混乱を招くようなことがあってはなりません。
各クイックアクションには簡潔なタイトルを付けましょう。
アクションのタイトルは、アクションの結果を即座に伝えるものでなければなりません。
例えば、「家に向かう」、「新しい連絡先を作る」、「新しいメッセージ」などです。
より詳細な情報を伝える必要がある場合は、サブタイトルも用意します。
Mailでは、受信箱やVIPフォルダに未読のメッセージがあるかどうかを字幕で表しています。
タイトルやサブタイトルには、アプリの名前や余計な情報を入れないようにし、文字が切れないように短くし、ローカライズを考慮して文章を書きましょう。
通知にクイックアクションを使わない。
人々は、アプリからの通知を他の方法で受け取ることを期待しています。詳しくはNotificationsをご覧ください。
各クイックアクションには、認識できるグリフを用意してください。
各アクションを表現するために、SF記号の使用を検討してください(ガイダンスは、 SF Symbolsを参照)。
また、Quick Action Iconsに記載されている、システムになじみのあるグリフを使用することもできます。
独自のグリフをデザインする場合は、Apple Design Resources for iOSに同梱されているクイックアクションアイコンテンプレートを使用し、以下のサイズを参考にしてください。
https://gyazo.com/44d30ed4e157bedf91b1739aebbd5daa
table: Maximum width and height
34.67x34.67 pt (104x104 px @3x)
35x35 pt (70x70 px @2x)
https://gyazo.com/85c1a2833ed2d20c7ac7934e1ab814c0
table: Target width and height
26.67x26.67 pt (80x80 px @3x)
27x27 pt (54x54 px @2x)
https://gyazo.com/cd053c9f62e403662a5156a35f3ed1a4
table: Target width (wide glyphs)
29.33pt (88px @3x)
30pt (60px @2x)
https://gyazo.com/d4906bdc064b775b707762eddaad31f4
table: Target height (tall glyphs)
29.33pt (88px @3x)
30pt (60px @2x)
絵文字をグリフの代わりに使用しないでください。
絵文字は、右揃えのテキストと正しく整列しません。
また、絵文字はフルカラーですが、クイックアクションのグリフは単色です。
<-- Augmented Reality
--> Multitasking and Multiple Windows